<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>特色功能7</title>
    <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
    <link rel="stylesheet" href="../css/public.css">
    <style>
        .feature_title{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            border-bottom: 1px solid var(--c_frame);
        }
        .feature_title .public_title{
            flex:0 0 33.33%;
            max-width: 33.33%;
        }
        .feature_title .public_title h2,
        .feature_title .public_title p{
            display: inline-block;
        }
        .feature_title_text{
            flex:0 0 66.66%;
            max-width: 66.66%;
            padding-bottom: 60px;
        }
        .feature_title_text>p{
            font-size: var(--f_describe);
            line-height: var(--l_describe);
            color: var(--c_text);
        }
        .feature_list{
            padding-top: 60px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
        }
        .feature_list li{
            flex:0 0 25%;
            max-width: 25%;
        }
        .feature_list_img{
            text-align: center;
        }
        .feature_list_img img{
            width: 100px;
            height: 100px;
        }
        .feature_list_text{
            text-align: center;
        }
        .feature_list_text h3{
            font-size: var(--f_text);
            line-height: var(--l_text);
            color: var(--c_text);
        }
        
        .feature_list_text p{
            font-size: var(--f_describe);
            line-height: var(--l_describe);
            color: var(--c_subtitle);
        }
        @media (max-width:768px) {
            .feature_title_text{
                padding-bottom: 30px;
            }
            .feature_list{
                padding-top: 0;
            }
            .feature_title .public_title,
            .feature_title_text,
            .feature_list li{
                flex:0 0 100%;
                max-width: 100%;
            }
            .feature_title .public_title{
                position: relative;
            }
            .feature_title .public_title::before{
                position: absolute;
                display: block;
                content: "";
                width: 100%;
                height: 1px;
                background-color: var(--c_frame);
                bottom: 10px;
            }
            .feature_list li{
                padding-top: 30px;
            }
        }
    </style>
</head>
<body>
    <div class="feature modular">
        <div class="public_width">
            <div class="feature_title">
                <div class="public_title">
                    <h2>加盟优势</h2>
                    <p>/ Our advantage</p>
                </div>
                <div class="feature_title_text">
                    <p>创意的坚守，工匠精神使我们不可或缺的态度。全国知名创作人一起协作，迸发前所未有的创意，您想要的，我们这里都有。我们拥有完备的设备储存，保证您天马行空的想法，都能高效完美的实现。作为XX文化传媒的创始人和领导人的安东尼·瑞秋女士身体力行地为XX文化传媒的发展繁荣做出了极大的贡献。</p>
                </div>
            </div>
            <ul class="feature_list">
                <li>
                    <div class="feature_list_img">
                        <img src="https://21030568.s61i.faiusr.com/4/AD0IqM2DChAEGAAg_PS08AUolsDbvgEwVzhX.png" alt="">
                    </div>
                    <div class="feature_list_text">
                        <h3>数字营销</h3>
                        <p>
                            以由外而内的战略观点为基础，与利害关系者进行有效
                            <br>
                            的沟通，以营销传播管理者为主体所
                            <br>
                            展开的传播战略
                        </p>
                    </div>
                </li>
                <li>
                    <div class="feature_list_img">
                        <img src="https://21030568.s61i.faiusr.com/4/AD0IqM2DChAEGAAg_PS08AUovKTypAUwTjhZ.png" alt="">
                    </div>
                    <div class="feature_list_text">
                        <h3>品牌推广</h3>
                        <p>
                            是指企业塑造自身及产品品牌形象，是广大消费者广泛
                            <br>
                            认同的系列活动过程，主要目的是
                            <br>
                            提升品牌知名度
                        </p>
                    </div>
                </li>
                <li>
                    <div class="feature_list_img">
                        <img src="https://21030568.s61i.faiusr.com/4/AD0IqM2DChAEGAAg_PS08AUo3pampwUwVzhX.png" alt="">
                    </div>
                    <div class="feature_list_text">
                        <h3>传媒公关</h3>
                        <p>
                            中国协会企业与传媒的需求与价值取向，是双方的利益
                            <br>
                            较大化，较大可能地达到企业的
                            <br>
                            传播目的和传媒的信息
                        </p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>